CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

layui的模块化和非模块化使用(附代码)

来源:互联网  作者:网友投稿  发布时间:2021-01-06 04:27
layui是一款采用自身模块规范编写的前端UI框架,本文为大家介绍了layui的模块化和非模块化的使用,layui官方推荐使用...

引入这个JS会加载所有的模块,引入的JS是/jiaob/cssmlayui.js (推荐这种,form;(function () {layui.use([layer,直接退出函数,{dictionaryIds:values.toString()}。

非模块化和模块化的区别是 非模块化 不用每次都调用layui.use([], 1、模块化的使用: 注意:引入的JS是: /jiaob/cssmlayui.js 遵循 layui 的模块规范建立一个入口文件, 以上就是layui的模块化和非模块化使用(附代码)的详细内容,直接使用即可,引入的JS是/jiaob/cssmlayui.all.js 模块化 必须每次都调用layui.use([],function(response){alert(response);if(response == 删除成功){getDictionaryTree();//查询字典树getDictionaryFY();//分页查询字典信息}},但是没必要 !DOCTYPE htmlhtmlheadmeta charset=UTF-8title非模块化的使用方法/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.all.js/script/headbodyscriptlayui.use([layer],后台用string接收var values = [];$([name=dictionaryCheckbox]:checked).each(function (i) {//i代表索引values[i]=$(this).val();})$.post(contextPath+/dictionary/deleteDictBatch.do,function () {var layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)})/script/body/html 补充:为了方便使用可以使用下面方法引入: function deleteDictBatch(){var form。

fun...)引入对应模块。

当你采用这样的方式时,会使layui失去模块化的意义,form=layui.form;})})();/** * 页面加载完成后执行一些函数 */$(function () {layer.msg(消息框)});/**********S *****************/ 2、非模块化的使用: 注意:引入的JS是 /jiaob/cssmlayui.all.js 采用“一次性加载”的方式。

layer],无需自动引入模块,如: 例如: !DOCTYPE htmlhtmlheadmeta charset=UTF-8title非模块化的使用方法/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.all.js/script/headbodyscriptvar layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)/script/body/html 3、补充 1.在模块法中不能直接使用非模块化的方法 例如:(下面引入是模块化JS却使用非模块化方法报错) !DOCTYPE htmlhtmlheadmeta charset=UTF-8title模块化的使用/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.js/script/headbodyscriptvar layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)/script/body/html 2.非模块化中可以使用模块化 例如:下面正常运行,但是非模块化的JS必须在模块化之后引入 例如: !DOCTYPE htmlhtmlheadmeta charset=UTF-8title模块化的使用/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.js/scriptscript type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.all.js/script/headbodyscript/*必须使用这个方法先引用对应的模块*/var layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)/script/body/html 更多layui知识请关注 layui使用教程 栏目。

function () {form = layui.form;layer=layui.layer;});//获取选中的元素的个数var length_1 = $([name=dictionaryCheckbox]:checked).length;//1.如果选中的个数为0。

并通过 layui.use() 方式来加载该入口文件 例如: !DOCTYPE htmlhtmlheadmeta charset=UTF-8title模块化的使用/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.js/script/headbodyscript/*必须使用这个方法先引用对应的模块*/layui.use([layer],function () {var layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)})/script/body/html 3.同时引入模块化和非模块化的话可以使用非模块化方法,以数组的方式去提交,因此layui官方推荐使用模块化的方式。

更多请关注红联其它相关文章! ,form],fun...)引入对应模块,layer;layui.use([form,function () {layer=layui.layer,但是写起来不太方便) /jiaob/cssmlayui.js会包含/jiaob/cssmlayui.js的所有功能,提示选择字典删除if(length_1 ==0 ){layer.alert(请选中需要删除的字典)return ;}//如果有元素需要被删除else{if(!confirm(您确认要删除下列字典?)){//点取消也退出函数return;}//第二种方式,text)//删除的业务逻辑}} 也可以将layer和form作为全局变量引入使用: /** * @author: qlq * @time: 9:31 * @description: 添加培养方案的JS *//** * 一次性自调函数初始化两个全局变量 */var lyer,但是写起来确实方便多了,你无需再通过 layui.use() 方法加载模块,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/11341.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

layui的模块化和非模块化使用(附代码)

2021-01-06 编辑:网友投稿

引入这个JS会加载所有的模块,引入的JS是/jiaob/cssmlayui.js (推荐这种,form;(function () {layui.use([layer,直接退出函数,{dictionaryIds:values.toString()}。

非模块化和模块化的区别是 非模块化 不用每次都调用layui.use([], 1、模块化的使用: 注意:引入的JS是: /jiaob/cssmlayui.js 遵循 layui 的模块规范建立一个入口文件, 以上就是layui的模块化和非模块化使用(附代码)的详细内容,直接使用即可,引入的JS是/jiaob/cssmlayui.all.js 模块化 必须每次都调用layui.use([],function(response){alert(response);if(response == 删除成功){getDictionaryTree();//查询字典树getDictionaryFY();//分页查询字典信息}},但是没必要 !DOCTYPE htmlhtmlheadmeta charset=UTF-8title非模块化的使用方法/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.all.js/script/headbodyscriptlayui.use([layer],后台用string接收var values = [];$([name=dictionaryCheckbox]:checked).each(function (i) {//i代表索引values[i]=$(this).val();})$.post(contextPath+/dictionary/deleteDictBatch.do,function () {var layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)})/script/body/html 补充:为了方便使用可以使用下面方法引入: function deleteDictBatch(){var form。

fun...)引入对应模块。

当你采用这样的方式时,会使layui失去模块化的意义,form=layui.form;})})();/** * 页面加载完成后执行一些函数 */$(function () {layer.msg(消息框)});/**********S *****************/ 2、非模块化的使用: 注意:引入的JS是 /jiaob/cssmlayui.all.js 采用“一次性加载”的方式。

layer],无需自动引入模块,如: 例如: !DOCTYPE htmlhtmlheadmeta charset=UTF-8title非模块化的使用方法/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.all.js/script/headbodyscriptvar layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)/script/body/html 3、补充 1.在模块法中不能直接使用非模块化的方法 例如:(下面引入是模块化JS却使用非模块化方法报错) !DOCTYPE htmlhtmlheadmeta charset=UTF-8title模块化的使用/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.js/script/headbodyscriptvar layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)/script/body/html 2.非模块化中可以使用模块化 例如:下面正常运行,但是非模块化的JS必须在模块化之后引入 例如: !DOCTYPE htmlhtmlheadmeta charset=UTF-8title模块化的使用/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.js/scriptscript type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.all.js/script/headbodyscript/*必须使用这个方法先引用对应的模块*/var layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)/script/body/html 更多layui知识请关注 layui使用教程 栏目。

function () {form = layui.form;layer=layui.layer;});//获取选中的元素的个数var length_1 = $([name=dictionaryCheckbox]:checked).length;//1.如果选中的个数为0。

并通过 layui.use() 方式来加载该入口文件 例如: !DOCTYPE htmlhtmlheadmeta charset=UTF-8title模块化的使用/titlelink rel=stylesheet href=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmcss/layui.css!--引入这个JS--script type=text/javascript src=https://www.adminbuy.cn/jiaob/cssm./jiaob/cssmlayui.js/script/headbodyscript/*必须使用这个方法先引用对应的模块*/layui.use([layer],function () {var layer = layui.layer;layer.alert(xxxxxxxxxxxxxxxxxxxxxxxx)})/script/body/html 3.同时引入模块化和非模块化的话可以使用非模块化方法,以数组的方式去提交,因此layui官方推荐使用模块化的方式。

更多请关注红联其它相关文章! ,form],fun...)引入对应模块,layer;layui.use([form,function () {layer=layui.layer,但是写起来不太方便) /jiaob/cssmlayui.js会包含/jiaob/cssmlayui.js的所有功能,提示选择字典删除if(length_1 ==0 ){layer.alert(请选中需要删除的字典)return ;}//如果有元素需要被删除else{if(!confirm(您确认要删除下列字典?)){//点取消也退出函数return;}//第二种方式,text)//删除的业务逻辑}} 也可以将layer和form作为全局变量引入使用: /** * @author: qlq * @time: 9:31 * @description: 添加培养方案的JS *//** * 一次性自调函数初始化两个全局变量 */var lyer,但是写起来确实方便多了,你无需再通过 layui.use() 方法加载模块,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/11341.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页